export const pieOption = {
  tooltip: {
    trigger: 'item',
    formatter: '{b} : {c} ({d}%)',
  },

  legend: {
    type: 'scroll',
    orient: 'vertical',
    right: 20,
    top: 40,
    bottom: 20,
  },

  series: [
    {
      type: 'pie',
      radius: ['40%', '70%'],
      center: ['50%', '50%'],
      avoidLabelOverlap: false,
      itemStyle: {
        borderRadius: 10,
        borderColor: '#fff',
        borderWidth: 2,
      },
      label: {
        alignTo: 'labelLine',
        formatter: '{name|{b}}\n{time|{c} ({d}%)}',
        lineHeight: 15,
        rich: {
          time: {
            fontSize: 10,
            color: '#999',
          },
        },
      },
      labelLine: {
        length: 15,
        length2: 0,
        maxSurfaceAngle: 80,
      },
      emphasis: {
        itemStyle: {
          shadowBlur: 10,
          shadowOffsetX: 0,
          shadowColor: 'rgba(0, 0, 0, 0.5)',
        },
      },
      data: [],
    },
  ],
};

export const lineOption = {
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'cross',
      animation: false,
      label: {
        backgroundColor: '#505765',
      },
    },
  },
  legend: {
    data: [],
    left: 10,
    top: '20',
  },
  grid: {
    top: '20%',
    bottom: '5%',
	containLabel:true
  },
  xAxis: {
    type: 'category',
    data: [],
  },
  yAxis: {
    type: 'value',
	show:true,
	axisLine:{
	   show:true,
	}
  },
  dataZoom: [
    {
      show: false,
      start: 0,
      end: 100,
    },
    {
      type: 'inside',
      start: 0,
      end: 100,
      disabled: false,
    },
    {
      show: true,
      yAxisIndex: 0,
      filterMode: 'empty',
      width: 30,
      height: '80%',
      showDataShadow: false,
      left: '93%',
    },
  ],
  series: [],
};

export const barOption = {
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'shadow',
    },
  },
  legend: {
    data: [],
    left: 10,
    top: '20',
  },
  grid: {
    top: '20%',
    bottom: '5%',
	containLabel:true
  },
  dataZoom: [
    {
      show: true,
      start: 0,
      end: 100,
    },
    {
      type: 'inside',
      start: 0,
      end: 100,
      disabled: false,
    },
    {
      show: true,
      yAxisIndex: 0,
      filterMode: 'empty',
      width: 30,
      height: '80%',
      showDataShadow: false,
      left: '93%',
    },
  ],
  xAxis: {
    type: 'category',
    data: [],
    axisTick: {
      alignWithLabel: true,
    },
  },
  yAxis: [
    {
      type: 'value',
	  show:true,
	  axisLine:{
	     show:true,
	  }
    },
  ],
  series: [],
};
